<template>
	<movable-area class='menuarea' :style="{'height':areaHeight+'px','width':areaWidth+'px'}">
		<movable-view class="menu_box" :animation="false" direction="all" :x="x" :y="y" @change="movableChange" @touchend="movableTochend">
			<view v-if="!showmenus" :class="[showmenus?'menu_main_wrap':'menu_main_wrap2', isShowMenus?((x == 0 && y == 0 ) ? 'poslt':'poslb') : ((x != 0 && y == 0)  ? 'posrt' :'posrb')]">
				<block v-for='(item,index) in menulist' :key='index'>
					<view hover="true" hover-class="hoverClass" class='menu_main' @tap.stop='itemclick' :data-item='item'>
						<image v-if="!isPlayVideo && item.title=='播放'" class="menu_img iconfont" src="../../static/images/icon/stop.png" style="width: 25px;height: 25px;"></image>
						<image v-else-if="isPlayVideo && item.title=='播放'" class="menu_img iconfont" src="../../static/images/icon/play.png" style="width: 25px;height: 25px;"></image>
						<image v-else class="menu_img iconfont" :src="item.ico" style="width: 25px;height: 25px;"></image>
						<text v-if="!isPlayVideo && item.title=='播放'" class='menu_title'>暂停</text>
						<text v-else-if="isPlayVideo && item.title=='播放'" class='menu_title'>播放</text>
						<text v-else class='menu_title'>{{item.title}}</text>
					</view>
				</block>
			</view>
			<view @tap='showclick'>
				<image v-if="showmenus" class="menu_img iconfont" src="../../static/images/icon/downBall.png" style="width: 25px;height: 25px;"></image>
				<image v-else class="menu_img iconfont" src="../../static/images/icon/upBall.png" style="width: 25px;height: 25px;"></image>
			</view>
		</movable-view>
	</movable-area>
</template>

<script>
	let app = getApp();
	export default {
		// props:{
		// 	isPlayVideo:{
		// 		type:Boolean
		// 	}
		// },
		data() {
			return {
				areaWidth: uni.getSystemInfoSync().windowWidth - 30,
				// areaHeight: uni.getSystemInfoSync().windowHeight - 60,
				areaHeight: uni.getSystemInfoSync().windowHeight-5,
				showmenus: true,
				isChange: false,
				isPlayVideo:false,//false-显示暂停，true-显示播放
				x: app.globalData.x,
				y: app.globalData.y,
				moveX: 0,
				moveY: 0,
				absolute: "right",
				absolute2: "bottom",
				menulist: [{
						"id": "1",
						"ico":'../../static/images/icon/jia.png',
						"title": "音量",
					},
					{
						"id": "2",
						"ico": '../../static/images/icon/jian.png',
						"title": "音量",
					},
					{
						"id": "3",
						"ico": '../../static/images/icon/play.png',
						"title": "播放",
					},
					// {
					// 	"id": "4",
					// 	"ico": require('../../static/images/icon/stop.png'),
					// 	"title": "暂停",
					// },
					{
						"id": "5",
						"ico": '../../static/images/icon/quanping.png',
						"title": "全屏",
					},
					{
						"id": "6",
						"ico":'../../static/images/icon/saoma.png',
						"title": "扫码",
					},
					{
						"id": "7",
						"ico":'../../static/images/icon/beijing.png',
						"title": "背景",
					},
					{
						"id": "8",
						"ico":'../../static/images/icon/kongzhi.png',
						"title": "控制",
					},
					{
						"id": "9",
						"ico":'../../static/images/icon/hudong.png',
						"title": "互动",
					},
					{
						"id": "10",
						"ico": '../../static/images/icon/about.png',
						"title": "关于",
					}
				],
				mainmodel: {
					"ico": "iconfonts icon-shouqi",
				},
				isShowMenus: false
			}
		},
		props: {
			pageRouter: {
				type: String,
			}
		},
		created() {
			// console.log(this.pageRouter,'this.pageRouter')
			// if(this.pageRouter == 'chat'){
			// 	this.areaHeight = uni.getSystemInfoSync().windowHeight - 80;
			// }else{
			// 	this.areaHeight = uni.getSystemInfoSync().windowHeight
			// }
			
			//#ifdef APP-PLUS
				this.areaHeight = uni.getSystemInfoSync().windowHeight-80;
			//#endif 
		},
		mounted() {
	
		},
		onPageShow: function() { //onPageShow、onPageHide、onPageResize就可以分别对应小程序组件里pageLifetimes的 show、hide、resize
			console.log('pageLifetimes');
			let x = app.globalData.x;
			let y = app.globalData.y;
			console.log(x, y)
			this.setData({
				x: x,
				y: y,
				showmenus: true
			})
		},
		onPageHide: function() {

		},
		onPageResize: function() {

		},
		methods: {
			showclick: function() {
				uni.hideLoading();
				// console.log("showclick")
				let isshow = !this.showmenus;
				// console.log(isshow);
				this.setData({
					showmenus: isshow,
				});
				if (this.x == 0) {
					if (this.y == 0) {
						this.setData({
							absolute: "left",
							absolute2: "top"
						})

						this.isShowMenus = true
					} else {
						this.setData({
							absolute: "left",
							absolute2: "bottom"
						})
						this.isShowMenus = true
					}

				} else {
					if (this.y == 0) {
						this.setData({
							absolute: "right",
							absolute2: "top"
						})

						this.isShowMenus = false;
					} else {
						this.setData({
							absolute: "right",
							absolute2: "bottom"
						})

						this.isShowMenus = false;
					}
				}
			},
			itemclick: function(e) {
				// console.log(e.currentTarget.dataset);
				
				let info = e.currentTarget.dataset.item;
				if(info.id == 3){
					this.isPlayVideo = !this.isPlayVideo;
				}
				if (info) {
					let iteminfo = info;
					if(iteminfo.id == 3){
						iteminfo.isPlayVideo = this.isPlayVideo
					}
					this.$emit('menuItemClick', iteminfo)
					if (info.id == 6) {
						this.setData({
							showmenus: true,
						});
					}
				}
			},
			movableChange: function(e) {
				// console.log("bindchange");
				// console.log(e.detail);
				if (this.showmenus == false) {
					this.setData({
						showmenus: true
					})
				}
				this.setData({
					moveX: e.detail.x,
					moveY: e.detail.y,
					isChange: true
				})
			},
			movableTochend: function() {
				// console.log("movableTochend");
				// console.log(this.moveX);
				// console.log(this.moveY);
				if (this.isChange) {
					var areaY = wx.getSystemInfoSync().windowHeight / 2;
					this.setData({
						x: this.moveX,
						isChange: false
					});
					if (this.moveY < areaY) {
						this.setData({
							y: 0,
							moveY: 0
						});
					} else {
						this.setData({
							y: uni.getSystemInfoSync().windowHeight,
							moveY: uni.getSystemInfoSync().windowHeight
						});
					}
					// console.log("movableTochend");
					app.globalData.x = this.x;
					app.globalData.y = this.y;
				} else {
					// console.log("按钮被点击");
					if (this.x == 0) {
						if (this.y == 0) {
							this.setData({
								absolute: "left",
								absolute2: "top"
							})
							this.isShowMenus = true
						} else {
							this.setData({
								absolute: "left",
								absolute2: "bottom"
							})
							this.isShowMenus = true
						}
					} else {
						if (this.y == 0) {
							this.setData({
								absolute: "right",
								absolute2: "top"
							})
							this.isShowMenus = false;
						} else {
							this.setData({
								absolute: "right",
								absolute2: "bottom"
							})
							this.isShowMenus = false;
						}
					}
				}
			},
			setData(obj) { //转换this.xxx = xxxx
				const keys = Object.keys(obj);
				keys.forEach((key) => {
					this[key] = obj[key];
				});
			},
		}
	}
</script>

<style scoped>
	movable-view {
		pointer-events: auto;
	}

	movable-area {
		pointer-events: none;
	}

	.poslt {
		left: 0;
		top: 80rpx;
	}

	.poslb {
		left: 0;
		bottom: 80rpx;
	}

	.posrt {
		right: 0;
		top: 80rpx;
	}

	.posrb {
		right: 0;
		bottom: 80rpx;
	}

	/* 必须设置movable-area可移动区域 */

	.menuarea {
		position: fixed;
		/* top: 90rpx; */
		/* top: 115rpx; */
		top: 15rpx;
		left: 50%;
		/* bottom: 35px; */
		transform: translateX(-50%);
		/* overflow: hidden; */
		z-index: 99999;
	}

	.menu_box,
	.menu_box2 {
		position: absolute;
		width: 80rpx;
		height: 80rpx;
		color: #fff;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.menu_box2 {
		height: 111rpx;
	}

	.menu_main_wrap,
	.menu_main_wrap2 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border: 2rpx solid #fff;
		border-radius: 8rpx;
		background-color: #313247;
	}

	.menu_main_wrap2 {
		position: absolute;
	}

	.menu_main {
		width: 80rpx;
		height: auto;
		padding: 10rpx;
		text-align: center;
	}

	.menu_img {
		/* width: 50rpx;
	  height: 50rpx; */
		vertical-align: middle;
		text-align: center;
	}

	.menu_title {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 30rpx;
	}

	/* 小图标 */

	/* @font-face {
		font-family: 'iconfont';
		src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'),
			url(data:application/font-woff;charset=utf-8;base64,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) format('woff'),
			url('iconfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	} */

	.iconfont {
		font-family: "iconfont" !important;
		font-size: 24px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icon-beijing:before {
		content: "\e687";
	}

	.icon-jianpan:before {
		content: "\eac2";
	}

	.icon-downBall:before {
		content: "\e600";
	}

	.icon-play:before {
		content: "\e601";
	}

	.icon-jian:before {
		content: "\e602";
	}

	.icon-jia:before {
		content: "\e603";
	}

	.icon-zanting:before {
		content: "\e604";
	}

	.icon-quanping:before {
		content: "\e605";
	}


	/* @font-face {
		font-family: "iconfont";
		src: url('iconfont.eot?t=1569568801134');
		src: url('iconfont.eot?t=1569568801134#iefix') format('embedded-opentype'),
			url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMQAAsAAAAABvAAAALCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBbIFmATYCJAMICwYABCAFhG0HPxsbBsiusCnDvQgkRWFZwIXnhj2nA98MEXy/32/Pe/erQFKNVLFsOp1ECVQSJGiRUAiFKl7C/7+19k9sz9HIvH5iCTFLejJ757NvdnCv2iCahQZXEW0Qmmjk0QND4P8CtT9DQLMXgPHF4bQJFMh8b7jMPagLMN4a2J4YRVYgAXjD2KUlpMcEqsZYSHbLa1tBLfFXBeImHPSCuuGWJDVWFooDB5N4AIVydid9AXCffT/+wRVqMoWcX3BwXRaAwi9TkMDE/4SOBAGc44xQj5FjBUjEyWB4j0yoOJlqWG4KPCs3+DJ9ohVP/fNEkZ9dByOQTSdOxKVqRQYSuo8fA1ebLqNQ75pTUoZNS7uTe9rO8s7EdnvpzJBwj83DmdrVnXRYSXBwu7QrCYNRCTpiE0BtpoarDqXFtZKnvWWL1WYeU7g2GToylWaVmhK8J8tT+ERp3Nz8cCP3R7LMmDR6Ni5mdHvS5EcyUcmdrVLj1paxhwGFpt5pxtKNcwyryGOYzZzFPOSICQoBBvM/6iT4N96Kb0i3MfdXrU3g9exlzsEEy6ygTA1LIJ2chW3J4fmaLFmcwXjmmIKaNVVVDGB718tW+RDd46FsiAfWktEKcmUzyIRdgYKaVSgq24CqZRXHa3oomUgVLJkFENqOINP0DLm2S2TCPkPBsFcoaocMqs4i9cKauQhzJRR7GQ4g3yAK+0mCD3WMy3ObcbA35qV1XoZvx1QM+5DT5mjHKnAC0yO2iH1BF2M84imJo3LwHI7FCBIoiWA/s4UYE7Ltdn7oTTY/iQNnB4V5MVgA4jMICfMjEvikO8N1Pt8MC+oV40UnWtr07TBKFJ4ccbJxLEBWiBOLWj7lFVGfIBeG4SE8iohDyoERiwVhAhGG50VgfoxNaENQkM2OOvFLxbbrpXHR7YEqX5FFYMsN0TwoeslgOE61+okwCAAAAA==') format('woff2'),
			url('iconfont.woff?t=1569568801134') format('woff'),
			url('iconfont.ttf?t=1569568801134') format('truetype'),
			url('iconfont.svg?t=1569568801134#iconfont') format('svg');
	} */

	.iconfont {
		font-family: "iconfont" !important;
		font-size: 24px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icon-iconfontsaoyisao-copy:before {
		content: "\e610";
	}

	.hoverClass {
		color: #FFE570;
	}

	/* @font-face {
		font-family: "iconfonts";
		src: url('iconfont.eot?t=1573034933986');
		src: url('iconfont.eot?t=1573034933986#iefix') format('embedded-opentype'),
			url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAL8AAsAAAAABvgAAAKwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCfgqBYIF3ATYCJAMMCwgABCAFhG0HPxs+BhHVkyVkfz1ujCGFYt8dkZAK5WyocsHBT79L0dj4sEvlI3jgF2vdS/MUMcyk+TyC+v3QvXcviDIKUJEjslERMioKi6zKskJHyMqqjmcJJPTf3OzXMiLCMCXnwf9Ss4UUdvpp+BEAsAEnkGmiD+4L3B2Vr8xy4SG4c6iutmSakfX/3tqBOL1oNvyH7qqeR5QlFkiCOzzGjD0N+rxJDnzVVvJ5AYznkIHeH/dOm0BZNB9QLn9Na+zFURfFcdd5gGMtiqxEMk8FPJsOOgbrOIFOY+bFTglEu8ocF4hjVxHtmaCqypl2obViaRUvLLWXZ2WeB9+PvwvRTtGSzKkHR7GLjR/iR+Td5u7NkyCms0NeRWIelTisTB5IIatSZ7IaZ1v9gh/RND94ZrFVdSH+Oru8G0wjVfjB4V0agRUKSNBK6RVcgXI4L2V3d6vd98aLxoA5ce8QTSNgGMUZfLFX8dzMI3jEtMbOBqZ+/liI16IvkxpT8YMXI9yi3nJuvp9o5+4K+Z1+9nrmBuMFmvkuCX4RCMryXr5dBZ9+/VOgWXU3az8lV/B6iY4N9UuZpqwG7uB/dxo7XXsBqOLRML2Dvg8XRzrHCe0ZQg4VbbZaTmo3DmlVzkOLLkts60dcB3Sas7+6y5ATKWoHZj0iCP0uoej1HlK/j9Kq/AYtRv2HVv2R0Okw2LLLZNh2GJVgAfoPdU6DsS2yCyuPWI6d4jQVaK7Iro5A5If5TIYD8hQz3KeMRQwYph5SOg27jsAyNZiLX4nYJAhM1Zv8nPrJboJRCRag/1DnNBivvewKnz9iOXaKG+p+jK/Iru4dIj/sIM34oVPdrbziPmUsYsAw9ZCSHTsrSWCrBzWYi18NiNsk4GamK+8vL/bvtwM6J+adOS2RUeUqGt/14UoNraq9nOx/MgE=') format('woff2'),
			url('iconfont.woff?t=1573034933986') format('woff'),
			url('iconfont.ttf?t=1573034933986') format('truetype'),
			url('iconfont.svg?t=1573034933986#iconfont') format('svg');
	} */

	.iconfonts {
		font-family: "iconfonts" !important;
		font-size: 34px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icon-shouqi:before {
		content: "\e601";
	}

	.icon-zhankai:before {
		content: "\e600";
	}
</style>
